import React, { useState, useEffect } from'react';
import { useNavigate } from'react-router-dom'; // 引入 useNavigate
import styles from '../css/intruduce.module.css';
import uses from '../assets/uses.png';
import left from '../assets/left.png';

const TravelApp = () => {
    const navigate = useNavigate(); // 获取 navigate 函数

    const handleTravelClick = () => {
        navigate('/home'); // 使用 navigate 跳转到 /home 页面
    };

    const handleBackClick = () => {
        // 这里可以添加返回逻辑，比如返回上一页
        navigate(-1); // 使用 navigate(-1) 返回到上一页
    };

    return (
        <div className={styles.imgContainer}>
            <img className={styles.imgs} src={uses} alt="" />
            <div className={styles.backButton} onClick={handleBackClick}>
                <img src={left} alt="返回" />
            </div>
            <div className={styles.startButtonContainer}>
                <div onClick={handleTravelClick} className={styles.startButton}>
                    开启旅行~
                </div>
            </div>
        </div>
    );
};

export default TravelApp;